<%-- 
    Document   : consultarAsistencia
    Created on : 17/11/2010, 10:36:19 AM
    Author     : yngrdyn
--%>

<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@ include file='../Templates/security.jsp' %>

<h1 class="title">Gestion de Asistencias</h1>
<p class="meta"></p>
<div class="entry">
    <center>
        <h2>Consultar Personal</h2>
        <form id="consultarAsistenciaForm" action="javascript:void(0);">
            <table cellspacing="5" >
                <tr>
                    <td>C&eacute;dula del empleado:</td>
                    <td>
                        <select name="voe" id="voe" class="filter">
                            <option value="V">V</option>
                            <option value="E">E</option>
                        </select>
                        &nbsp;-&nbsp;
                        <input type="text" name="ci" size="17" maxlength="12" id="ciAsist"  class="filter"/>
                    </td>
                </tr>
                <tr>
                    <td>Desde:</td>
                    <td>
                        <input type="text" name="fechaDesde" size="25" maxlength="10" id="fechaD" class="filter">
                    </td>
                </tr>
                <tr>
                    <td>Hasta:</td>
                    <td>
                        <input type="text" name="fechaHasta" size="25" maxlength="10" id="fechaH" class="filter">
                    </td>
                </tr>
                <tr>
                    <td>Condicion:</td>
                    <td>
                        <select id="Condiciones" name="condicion" class="filter">
                            <option value="">-</option>
                            <option value="Presente">Presente</option>
                            <option value="Ausente">Ausente</option>
                            <option value="Reposo">Reposo</option>
                            <option value="Permiso">Permiso</option>
                            <option value="Descanso">Descanso</option>
                            <option value="Reemplazado">Reemplazado</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>Sede:</td>
                    <td>
                        <select id="Sedes" name="sede" class="filter">
                        </select>
                    </td>
                </tr>
            </table>
            <br>
            <html:button property="" value="  Mostrar Todo  " onclick="consultarAsistenciaTodo()"/>
            <html:button property="" value="Consultar" styleId="consultarForm" onclick="consultarAsistencia()" styleClass="oculta"/>
            <html:button property="" styleClass="back" value="  Atrás  "/>
            <html:reset property="" styleId="resetForm" value="Limpiar" styleClass="oculta"/>
        </form>
        <br>
        <div id="obs"></div><br>
        <p id="errorReporteAsist" ></p>
        <div id="consultaAsistencia">
            <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
                <thead id="head">
                    <tr>
                        <th><h5><div class="ordenar" onclick="orden('');" >Fecha</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('cu.ci');" >C&eacute;dula</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('cu.nombre_1');" >Nombre</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('cu.apellido_1');" >Apellido</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('a.hora_llegada');" >Llegada/Salida</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('a.condicion');" >Condicion</div></h5></th>
                        <th><h5><div class="ordenar" onclick="orden('a.observaciones');" >Observaciones</div></h5></th>
                        <th><h5> Modificar </h5></th>
                    </tr>
                </thead>
                <tbody id="resultado"></tbody>
            </table>
            <%@ include file="../Templates/paginasTabla.jsp" %>
        </div>
    </center>
</div>
<div style="clear: both;">&nbsp;</div>
<script type="text/javascript">
    $(function(){
        listaSedes();
        $("#consultaAsistencia").hide();
        consultarAsistencia();

        $('#fechaD, #fechaH').datepicker({
            dateFormat: 'dd/mm/yy',
            maxDate: new Date(),
            showOn: "button",
            buttonImage: "style/images/calendar.gif",
            buttonText: "calendario"
        }).attr('readonly', true);
    });

    $('.filter').change(consultarAsistencia);
    
    function consultarAsistencia(){
        limit = $('#limit').val();
        $.ajax({
            type: 'POST',
            url:"consultarAsistencia.do?limit="+limit+"&offset="+offset+"&order="+order+"&asc="+asc,
            data: $('#consultarAsistenciaForm').serialize(),
            dataType: 'json',
            success: proceessConsultarAsistencia
        });
    }

    function proceessConsultarAsistencia(data){
        $('#resultado').empty();
        $.each(data.Asistencias , function(i,item){
            if ( (i % 2) == 0) fila = $("<tr bgcolor='#fff' id='persona_"+item.ci+"' class='personaRow'>");
            else fila = $("<tr bgcolor='#ecf2f6' id='persona_"+item.ci+"' class='personaRow'>");

            fila.append($("<td>").append(item.fecha));
            fila.append($("<td>").append(item.cedula));
            fila.append($("<td>").append(item.nombre));
            fila.append($("<td>").append(item.apellido));
            
            horas = !item.llegada ? "" : "Llegada: "+item.llegada;
            horas += !item.salida ? "" : "Salida: "+item.salida;
            fila.append($("<td>").append(horas));
            fila.append($("<td>").append(item.condicion));
            fila.append($("<td>").append(item.observaciones));

            mod = "<img onclick='return asistenciasM("+item.ci+","+item.idGuardia+");' src='style/images/table_edit1.png' alt='Modificar' width='20' height='20'>";
            fila.append($("<td>").append(mod));
            $('#resultado').append(fila);
        });
        tam = data.tam
        if(tam==0){
            $("#obs").html('<h4>No hay resultados que coincidan con los parametros dados.</h4>');
            $("#consultaAsistencia").hide();
        } else {
            $("#obs").html('OBSERVACIÓN: Para ordenar la tabla por un campo específico, presionar el nombre de la columna.');
            $("#currentpage").html((offset/limit)+1);
            $("#pagelimit").html(Math.ceil(tam/limit));
            $("#consultaAsistencia").show();
        }
    }

    function consultarAsistenciaTodo(){
        $('#resetForm').click();
        consultarAsistencia();
    }

    function setError(mensaje){
        $("#errorReporteAsist").html("<font color = red >"+mensaje+"</font>");
    }
</script>
